.index-bg {
	width: 1280px;
	height: 720px;
	background: url(../images/bg.png) no-repeat left top;
}

.index-bg>div>img {
	height: 100%;
	width: 100%;
}

.index-bg>div {
	position: absolute;
	width: 216px;
	height: 151px;
	box-sizing: border-box;
	/* border: 3px solid transparent; */
}

.index-bg>div:first-child {
	
	transform: scale(1.0);
	top: 132px;
	left: 80px;
	width: 563px;
	height: 317px;
}

.index-bg>div:nth-child(2) {
	top: 131px;
	left: 659px;
	width: 155px;
}

.index-bg>div:nth-child(3) {
	top: 132px;
	left: 829px;
	width: 155px;
}

.index-bg>div:nth-child(4) {
    top: 132px;
	left: 996px;
	width: 204px;
	height: 204px;
}

.index-bg>div:nth-child(5) {
	top: 299px;
	left: 659px;
	width: 155px;
}

.index-bg>div:nth-child(6) {
    top: 299px;
	left: 829px;
	width: 155px;
}

.index-bg>div:nth-child(7) {
	top: 466px;
	left: 80px;
}

.index-bg>div:nth-child(8) {
	top: 466px;
	left: 308px;
}

.index-bg>div:nth-child(9) {
	top: 466px;
	left: 539px;
}

.index-bg>div:nth-child(10) {
    top: 466px;
    left: 768px;
}

.index-bg>div:nth-child(11) {
    top: 466px;
    left: 996px;
}

.index-bg>div:nth-child(12) {
    top: 351px;
	left: 994px;
	width: 205px;
	height: 99px;
}

.model{
	box-sizing: border-box;
	border: 1px solid transparent;
	
	transition: all .3s;
}

.active {
	border: 1px solid white;
	border-radius: 8px;
	transform: scale(1.1);
	box-shadow: 0 0 40px white;
}